/* Group scaffolding.less */

// Essential ecol classes to have functionality of span widths but without the rest.  For header.php logo area.
.essential-fluid-span (@columns, @columnWidth, @gutterWidth) {
    width: (@columnWidth * @columns) + (@gutterWidth * (@columns - 1));
    *width: (@columnWidth * @columns) + (@gutterWidth * (@columns - 1)) - (.5 / @gridRowWidth * 100 * 1%);
}

.espanX (@columns, @columnWidth, @gutterWidth) when (@columns > 0) {
    .ecol@{columns} {
        .essential-fluid-span(@columns, @columnWidth, @gutterWidth);
    }
    .espanX(@columns - 1, @columnWidth, @gutterWidth);
}

.espanX(12, @fluidGridColumnWidth, @fluidGridGutterWidth); // Twelve columns.

@media (min-width: 768px) and (max-width: 979px) {
    .espanX(12, @fluidGridColumnWidth768, @fluidGridGutterWidth768); // Twelve columns.
}

@media (min-width: 1200px) {
    .espanX(12, @fluidGridColumnWidth1200, @fluidGridGutterWidth1200); // Twelve columns.
}

/* End group scaffolding.less */